@media screen and (max-width:1685px) {   
    .icenter { width: 98%;}
	/* ind01 */
	.header .nav li>a{display: block;font-size: 15px;color: #333;position: relative;box-sizing: border-box;padding: 0 15px; z-index:1}
	.ind01 .le dl dd h4 strong { font-weight:normal; font-size:50px; }
	
	.n_banner .text {z-index: 2; position: absolute;left: 50%;top: 15rem;}

}
@media screen and (max-width:1460px) {   
    .icenter { width: 98%;max-width: 1300px;}
	/* ind01 */
	.header .nav li>a{display: block;font-size: 15px;color: #333;position: relative;box-sizing: border-box;padding: 0 5px; z-index:1}
.header .menu .tel {position: relative;display: flex;justify-content: center;align-items: center;width: 23%; text-align:center;background:#045c9f; margin-left:auto;}
.header .menu .tel div {  color: #fff; font-size: 24px; display: flex; align-items: center; }
.header .menu .tel div i { transition: 0.3s; font-size: 2rem;  line-height: 2.3rem;margin-right:0px; }

	.ind01 .le dl dd h4 strong { font-weight:normal; font-size:50px; }
}



@media screen and (max-width:1366px) {  
.icenter { width:90%; margin:0 auto;position: relative;}

/* header */
.header .logo{width:20%; margin-left:5%;}
.header .nav{width:75%;}
.header .menu .tel {width: 25%; text-align:center;background:#045c9f; margin-left:auto;}


/* ind02 */
.ind02 {width:100%;position:relative;padding:60px 0;}

/* ind03 */
.ind03 .icne .ri ul li{ padding:12px 12px;}
.ind03 .icne .ri ul li a .text h3{ font-size: 18px;}
.ind03 .icne .ri ul li a .text p{ margin: 10px 0 0;}

/* ind04 */
.ind04 { overflow: hidden; padding:60px 0; position: relative;}

}

@media only screen and (min-width:956px) and (max-width:1268px){ 

	.headerwrap{padding: 0 2%;}
	.headerwrap .header .nav li>a { padding: 0px 14px; }
/* head footer */
.icenter {width: 94%;}
.footer .fo01 {display: none;}
.footer .fo02 .le { flex-flow: wrap;justify-content: center;}
.footer .fo02 .le a { margin-right: 10px; }
.footer .fo02 .ri {display: none;}
.footer { padding: 20px 0; }
.footer .fo02 .le a { font-size: 12px;}
.footer .fo02 { justify-content: center; }

/* banner */
.ibanner .text { left: 3%; bottom: 17rem; width: 94%; }

.ind02 .ri .content a .text { padding: 2.7rem 2.5rem 3.9rem; }
.ind02 .ri .content a .text h4 { font-size: 2.78rem; margin-bottom: 2.8571rem; }
.ind04 .le { width: 100%; float: left; }
.ind01 { height: 620px; }
.sideright { width: 100%; float: right; } 
.ind04 .ri { width: 100%;}
.sideright { margin-top: 30px; }
.ind04 .le h4 { line-height: 3.7143rem; width: 100%; margin-bottom: 4.9rem; }
.ind04 .le .op {display: flex;}
.ind04 .le .more { margin-right: 10px; }
.ind04 .le .nav { margin-top: 3rem; }
.ind05 .content { width: 100%; }
.ind05 .content .fa-angle-left { left: 0px; }
.ind05 .content .fa-angle-right { right: 0px; }
.ind01 .ri .t .text h4 { width: 100%;}
.ind01 .ri .t .text, .ind01 .ri .b .text { left: 10%; bottom: 30px; width: 85%; }

}
@media only screen and (min-width:750px) and (max-width:1000px){
	

	
	.header .nav li .nav02 a:before{width: 2px;top: 8px;left: 2px;}

/* head footer */
.icenter {width: 94%;}
.icenter1 {width: 94%;}
.icenter2 {width: 94%;}
.footer .fo01 {display: none;}
.footer .fo02 .le { flex-flow: wrap;justify-content: center;}
.footer .fo02 .le a { margin-right: 10px; }
.footer .fo02 .ri {display: none;}
.footer { padding: 20px 0; }
.footer .fo02 .le a { font-size: 12px;}
.head .logo { width: 124px; }
.footer .fo02 { justify-content: center; }

/* banner */
.ibanner .text { left: 3%; bottom: 17rem; width: 94%; }

.ind02 .ri .content a .text { padding: 2.7rem 2.5rem 3.9rem; }
.ind02 .ri .content a .text h4 { font-size: 2.78rem; margin-bottom: 2.8571rem; }
.ind04 .le { width: 100%; float: left; }
.ind01 { height: 620px; }
.sideright { width: 100%; float: right; } 
.ind04 .ri { width: 100%;}
.sideright { margin-top: 30px; }
.ind04 .le h4 { line-height: 3.7143rem; width: 100%; margin-bottom: 4.9rem; }
.ind04 .le .op {display: flex;}
.ind04 .le .more { margin-right: 10px; }
.ind04 .le .nav { margin-top: 3rem; }
.ind05 .content { width: 100%; }
.ind05 .content .fa-angle-left { left: 0px; }
.ind05 .content .fa-angle-right { right: 0px; }
.ind01 .ri .t .text h4 { width: 100%;}
.ind01 .ri .t .text, .ind01 .ri .b .text { left: 10%; bottom: 30px; width: 85%; }

}

@media only screen and (max-width:768px){
	.headerwrap{padding: 0 2%;}
	.headerwrap .header .nav{display: none;}
	.headerwrap .header .drawer-hamburger{padding: 10px 15px 18px;height: 61px;top: 0;background-color: #e6771b;display: block;box-sizing: border-box;width: 60px;}
	.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff;}
	.drawer--right.drawer-open .drawer-nav{padding-top: 80px;width: 100%;z-index: 5;box-sizing: border-box;height: 100%;}
	.drawer--right.drawer-open .drawer-hamburger{z-index: 12;}
	.headerwrap .header{height: 60px;} 
	.drawer--right.drawer-open .drawer-hamburger{right: 0;}
	.headerwrap .header .logo img{height: 42px;}
	.header .menu .tel { width:auto;margin-right:60px; background:#fff;}
	.header .menu .tel div {  color: #045c9f; font-size: 18px; display: flex; align-items: center; }
	.header .menu .tel div i { display:none;}
	

/* common */
html,body{font-size: 6.5px;}

/* head footer */
.icenter {width: 94%;}
.icenter1 {width: 94%;}
.icenter2 {width: 94%;}
.footer .fo01 {display: none;}
.footer .fo02 .le { flex-flow: wrap;justify-content: center;}
.footer .fo02 .le a { margin-right: 10px; }
.footer .fo02 .ri {display: none;}
.footer { padding: 20px 0; }
.footer .fo02 .le a { font-size: 12px;}




/* banner  index  */


.ibanner {width: 100%; height:auto;}
.ibanner .swiper-pagination {bottom: 8px;left: 50%;transform: translate(-50%,-50%);}
.ibanner .swiper-pagination-bullet { width: 5rem; height: 2px; margin: 0 6px!important; }
.ibanner .swiper-pagination-bullet-active { width: 8.6rem; }
.ibanner .imgbox ,.ibanner .box{width: 100%;}
.ibanner .imgbox img {width: 100%; }

.ind02 .le h3, .ind04 .le h3, .i_title, .ind05 .top h3 { font-size: 4rem; }
.ind05 .content {width: 94%;}
.ind05 { padding: 50px 0; }
.ind04, .ind02 { padding: 50px 0; }
.ind02 .icenter {flex-flow: wrap;}
.ind02 .le {width: 100%;}
.ind02 .ri {width: 100%;}
.ind02 .le h4 { font-size: 20px; line-height: 26px; margin-bottom: 26px; width: 94%; }
.ind02 .le h3::after { width: 36px;margin-top: 18px; }
.ind02 .le h3 { margin-bottom: 20px; }
.ind02 .le .op { display: flex; flex-flow: wrap; }
.ind02 .le .more { width: 44%; margin-right: 3%; }
.ind02 .le h4 { font-size: 16px; line-height: 24px; margin-bottom: 24px; width: 100%; }
.ind02 .ri h4 { font-size: 3.6rem; }
.ind02 .ri { margin-top: 18px; }
.ind02 .ri .content a:nth-of-type(2n) { margin-left: 0%; }
.ind02 .ri .content a { width: 100%; margin-bottom: 20px; } 
.ind04 .le {width: 100%;}
.sideright {width: 100%;margin-top: 20px;}
.ind04 .le h4 { line-height: 3.7143rem; width: 100%;}
.ind04 .le h3 { margin-bottom: 16px;}
.ind04 .le h3::after { width: 36px; margin-top: 18px; }
.ind04 .more { width: 44%; margin-right: 4%; }
.ind04 .op {display: flex;flex-flow: wrap;}
.ind04 .le .nav { margin-top: 2rem; }
.ind04 .ri { width: 100%;}
.ind04 .ri .seg .swiper-pagination-bullet { height: 8px; width: 8px; margin: 0 4px;}
.ind04 {padding-bottom: 78px;}
.ind01 .le { width: 100%; height: 546px; }
.ind01 .ri .t .text, .ind01 .ri .b .text { left: 3%;}
.ind01 .ri {    width: 100%; position: unset; height: fit-content;}
.ind01 .le .text { width: 94%; left: 3%!important; }
.ind01 .le dl { padding-top: 3.1429rem; margin-bottom: 0.8571rem; }
.ind01 .le video {display: none;}
.ind01 .le img {opacity: 1;}
.ind01 .le:hover img { opacity: 1; }
.ind01 { height: fit-content; max-height: initial; }
.ind01 .ri .t:hover img { opacity: 1; }
.ind01 .ri .t video { display: none; }
.ind01 .ri .t img { opacity: 1; }
.ind01 .ri .t,.ind01 .ri .b { height: 230px; }
.ind05 .top h3::after { width: 36px; margin-top: 18px; }
.ind05 .top h3 { margin-bottom: 16px;}
.ind05 .top { margin-bottom: 24px; }
.ind05 .ind05_1_thumbs { width: 100%; overflow: hidden; }
.ind05 .content dl dd { padding: 2rem 0; }
.ind05 .par { margin-top: 34px; }
.ind05 .content { width: 100%; }
.ind05 .content .fa-angle-left { left: 0px;    opacity: 0.6; }
.ind05 .content .fa-angle-right{ right: 0px;    opacity: 0.6; }



.ind03 .icne .left,.ind03 .icne .right{ width:100%;margin-bottom}
.ind03 .icne{display: block;}

}